<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name='keywords' content='云竹众包'>
    <meta name='description' content='云竹众包'>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <title>发布任务-条件</title>

    <link rel="stylesheet" href="/yunzhuVue/build/css/base.css">
    <link rel="stylesheet" href="/yunzhuVue/build/css/int.css">
    <link rel="stylesheet" href="/yunzhuVue/build/css/task-publish.css">
</head>
<body>
<!-- 任务进程 -->
<section id="task-flow">
    <div class="container">
        <div class="flow-body clearfix">
            <div class="flow-tags fl-tg3">
                <div class="flow-line"></div>
                <div class="tags-wrap">
                    <div class="tags"></div>
                    <h4>托管保证金</h4>
                </div>
            </div>

            <div class="flow-tags fl-tg2 flow-tags-actv">
                <div class="flow-line"></div>
                <div class="tags-wrap">
                    <div class="tags"></div>
                    <h4>任务条件</h4>
                </div>
            </div>

            <div class="flow-tags fl-tg1 flow-tags-actv">
                <div class="tags-wrap">
                    <div class="tags"></div>
                    <h4>任务需求</h4>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 需求表单 -->
<section id="publish-form">
    <div class="container">
        <div class="form-body">
            <div class="condition-form clearfix">
                <div class="form-group">
                    <p>任务名称</p>
                    <div class="form-cite">
                        <input type="text">
                        <span>天</span>
                    </div>
                </div>

                <div class="form-group">
                    <p>招募时效</p>

                    <div class="calendar">
                        <input type="text" id="cld-start" readonly>
                        <img src="/yunzhuVue/image/calendar.svg" alt="cd">
                    </div>

                    <span class="calendar-line">至</span>

                    <div class="calendar">
                        <input type="text" id="cld-end" readonly>
                        <img src="/yunzhuVue/image/calendar.svg" alt="cd">
                    </div>
                </div>
            </div>

            <div class="form-group">
                <p>任务预算</p>
                <div class="form-radio">
                    <label><input type="radio">小项目(3000-30,000)</label>
                    <label><input type="radio">中项目(30,000-100,000)</label>
                    <label><input type="radio">大项目(100,000以上)</label>
                </div>
            </div>

            <div class="form-group">
                <p>开具发票</p>
                <div class="form-radio">
                    <label><input type="radio">不需要</label>
                    <label><input type="radio">需要</label>
                </div>
                <div class="explain">
                    <p>1 . 当您需要发票时，我们会将税费从您支付给服务者的费用里扣除，我们会在订单完成后的七个工作日为您开票并邮寄。</p>
                    <p>2 . 平台只提供普通机打发票，请仔细填写真实开票信息（可在用户中心-发票管理中进行信息完善），发票一旦寄出不予补开。</p>
                    <p>注：开票时效只有90天，过期不可再申请开票。开票无法寄出的原因可能有：发票抬头、联系人信息或邮寄地址未填写或不正确。</p>
                </div>
            </div>

            <div class="expect-pay">
                <label>你需要支付的保证金: <span>￥30,000</span></label>
                <div class="pay-explain">
                    <p>保证金是为了让保障服务者权益为您提供更好的服务</p>
                    <p>订单完成后保证金将全数退回</p>
                </div>
            </div>
        </div>

        <!-- btn -->
        <div class="form-button">
            <a href="javascript:;" class="form-btn">确认发布，去支付保证金</a>
        </div>
    </div>
</section>

<script src="/yunzhuVue/plugin/jquery-3.1.1/jquery-3.1.1.js"></script>
<script src="/yunzhuVue/plugin/Vue/vue.js"></script>
<script src="/yunzhuVue/plugin/Vue/vue-router/dist/vue-router.js"></script>

<script type="text/javascript" src="/yunzhuVue/plugin/laydate-master/laydate.js"></script>


<script>

    var start = {
        elem: '#cld-start',
        format: 'YYYY/MM/DD',
        min: laydate.now(), //设定最小日期为当前日期
        max: '2099-06-16 23:59:59', //最大日期
        istime: true,
        istoday: false,
        choose: function(datas){
            end.min = datas; //开始日选好后，重置结束日的最小日期
            end.start = datas //将结束日的初始值设定为开始日
            console.log(datas); //这就是点击得到的日期
        }
    };

    var end = {
        elem: '#cld-end',
        format: 'YYYY/MM/DD',
        min: laydate.now(),
        max: '2099-06-16 23:59:59',
        istime: true,
        istoday: false,
        choose: function(datas){
            start.max = datas; //结束日选好后，重置开始日的最大日期
        }
    };

    laydate(start);
    laydate(end);
</script>
</body>
</html>